<template>
  <div class="content industry-jpg6">
    <div class="industry">
      <div>
        <div class="industry-title">
          <p>嘉兴各地区规上工业等价能耗情况<i class="gl"></i><i class="gl"></i></p>
        </div>
        <table class="industry-table ">
          <thead>
            <tr>
              <th rowspan="2">区域</th>
              <th colspan="5">综合能源消费量（等价）</th>
              <th colspan="3">电力消费（千万瓦时）</th>
            </tr>
            <tr>
              <th>本期</th>
              <th>同期</th>
              <th>增长（%）</th>
              <th>增加值增速（%）</th>
              <th>增加值能耗增速（%）</th>
              <th>本期</th>
              <th>同期</th>
              <th>增长率（%）</th>
            </tr>
          </thead>
          <tbody>
            <tr v-for="item in 11" :key="item.index">
              <td :style="{color: '#0ff6fc'}">市区</td>
              <td>246</td>
              <td>345</td>
              <td>4.54</td>
              <td>2.34</td>
              <td>3.24</td>
              <td>74</td>
              <td>147</td>
              <td>10.2</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</template>

<script>
import echarts from 'echarts'
export default {
  name: 'industryE',
  data () {
    return {
      
    }
  },
  mounted: function () {
    this.$http('/vqdisplay/static/HospitalChartTheme.json')
    .then( (response) => {
      this.chartTheme = response.data
    })

  },
}
</script>

<style scoped>
  @import '../../../style/industry.css';
  .echarts {
    height: 80%;
    width: 100%;
  }
  .industry {
    justify-content: center;
  }
  .industry >div {
    flex: 0;
  }
</style>